page {
  height: 100vh;
  background-color: #efefef;
  display: flex;
  flex-direction: column;
  padding: 16px;
  box-sizing: border-box;

  >view {
    &:nth-child(n+2) {
      margin-top: 16px;
    }
  }
}

// 轮播图样式
.swiper {
  border-radius: 10px;
  overflow: hidden;

  swiper {


    swiper-item {
      image {
        border-radius: 10px;
        height: 100%;
        width: 100%;
      }

    }
  }

}

// 公司信息
.info {
  display: flex;
  justify-content: space-between;
  background-color: #fff;
  padding: 20px 16px;
  border-radius: 10px;
  font-size: 16px;

  .iconfont {
    font-size: 24rpx;
  }
}

// 商品导航
.good-nav {
  display: flex;
  justify-content: space-between;
  background-color: #fff;

  view {


    navigator {
      display: flex;
      flex-direction: column;

      padding: 10px;
      border-radius: 10prx;
    }


    image {
      width: 100%;
      height: 50px;
      align-items: center;
    }

    text {
      font-size: 14px;
      margin-top: 12px;
    }
  }
}

//推荐商品区
.good-hot {
  background-color: #fff;
  white-space: nowrap;
  border-radius: 10px;

  .srcoll-x {
    width: 100%;
    // 不允许换行
    white-space: nowrap;
  }

  view {
    margin-right: 16rpx;
    display: inline-block;
    width: 320rpx;
    height: 420rpx;

    .good-item {
      display: flex;
      flex-direction: column;
      justify-content: space-between;

      text {
        &:nth-of-type(1) {
          font-weight: bold;
        }
      }
    }
  }

  image {
    width: 100%;
    height: 320rpx;
  }

  &:last-child {
    margin-right: 0rpx;
  }
}